﻿<!DOCTYPE html>
<head xmlns:th="http://www.w3.org/1999/xhtml">
    <meta charset="utf-8">
    <title>情绪核心中心 By 如梦令</title>

    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">

    <link rel="shortcut icon" href="favicon.ico"> <link href="/css/bootstrap.min.css?v=3.3.5" rel="stylesheet">
    <link href="/css/font-awesome.min.css?v=4.4.0" rel="stylesheet">

    <!-- Data Tables -->
    <link href="/css/plugins/dataTables/dataTables.bootstrap.css" rel="stylesheet">

    <link href="/css/animate.min.css" rel="stylesheet">
    <link href="/css/style.min.css?v=4.0.0" rel="stylesheet"><base target="_blank">
    <script type="text/javascript" src="/js/jquery.js"></script>
    <script type="text/javascript" src="/js/echarts.min.js"></script>
    <script type="text/javascript" src="/js/js.js"></script>
    <script type="text/javascript" src="/js/jquery.liMarquee.js"></script>
    <script type="text/javascript" src="/js/jquery.cxselect.min.js"></script>

    <link rel="stylesheet" href="/css/comon0.css">

</head>
<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
<div style="background:#000d4a url(../static/images/bg.jpg) center top;">
    <div class="loading">
        <div class="loadbox"><img src="../images/loading.gif"> 页面加载中...</div>
    </div>
    <div class="back"></div>
    <div class="head">
        <div class="weather"><span id="showTime"></span></div>
        <h1>STOCK CENTRE</h1>

    </div>
    <script th:inline="javascript">
         var stockMoneyInList= [[${stockMoneyInList}]];
         var stockName= [[${stockName}]];
         var qingxuDate= [[${qingxuDate}]];
         var qingxuZhiShuYesterday= [[${qingxuZhiShuYesterday}]];
         var qingxuZhiShuToday= [[${qingxuZhiShuToday}]];
         var ratioNameList= [[${ratioNameList}]];
         var ratioList= [[${ratioList}]];
         var t = null;
        t = setTimeout(time, 1000);/*開始运行*/
        function time() {
            clearTimeout(t);/*清除定时器*/
            dt = new Date();
            var y = dt.getFullYear();
            var mt = dt.getMonth() + 1;
            var day = dt.getDate();
            var h = dt.getHours();
            var m = dt.getMinutes();
            var s = dt.getSeconds();
            document.getElementById("showTime").innerHTML = y + "年" + mt + "月" + day + "日" + h + "时" + m + "分" + s + "秒";
            t = setTimeout(time, 1000);
        }
    </script>
    <div class="mainbox">
        <ul class="clearfix">
            <li>
                <div class="boxall" style="height:400px;">
                    <div class="alltitle">情绪板块</div>
                    <div class="navboxall" id="echart5"></div>
                </div>
                <div class="boxall" style="height:260px;">
                    <div class="alltitle"> <i style="font-family:arial;color:white;font-size:15px;" >短线股票池：</i>
                        <i style="font-family:arial;color:burlywood;font-size:10px;" >推荐强度：</i>
                        <i style="font-family:arial;color:red;font-size:20px;" th:text="${qinXuZhiShu.zhiShu}+'分'" ></i>
                        <i style="font-family:arial;color:burlywood;font-size:10px;" >当日收益：</i>
                        <i style="font-family:arial;color:red;font-size:20px;" th:text="${rate}+'%'" ></i>
                        <a style="font-family:arial;color:blanchedalmond;font-size:10px;"  href="index" >[点击查看短线详情]</a>
                    </div>
                    <div class="navboxall">
                        <div class="wraptit">
                            <span>股票名称</span>
                            <span>价格</span>
                            <span>涨跌</span>
                            <span>序号</span>
                        </div>
                        <div class="wrap">
                            <ul th:each="qinXuZhiShuInfo,qinXuZhiShuInfoStat : ${qinXuZhiShuList}">
                                <li>
                                    <p>
                                        <span th:style="${qinXuZhiShuInfo.zhangdie > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:15px;'}" th:text="${qinXuZhiShuInfo.name}"></span>
                                        <span th:style="${qinXuZhiShuInfo.zhangdie > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:15px;'}" th:text="${qinXuZhiShuInfo.price}"></span>
                                        <span th:style="${qinXuZhiShuInfo.zhangdie > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:15px;'}" th:text="${qinXuZhiShuInfo.zhangdie + '%'}"></span>
                                        <span th:style="${qinXuZhiShuInfo.zhangdie > 0 ? 'font-family:arial;color:red;font-size:20px;':'font-family:arial;color:green;font-size:15px;'}" th:text="${qinXuZhiShuInfoStat.index+1}"></span>
                                    </p>
                                </li>
                            </ul>
                        </div>

                    </div>
                </div>
                <div class="boxall" style="height:260px;">
                    <div class="alltitle">标题样式</div>
                    <div class="navboxall" id="echart1"></div>
                </div>
            </li>
            <li>
                <input type="hidden" id="zb1_text" th:value="*{banKuaiRate[1].ratio}"/>
                <input type="hidden" id="zb1_code" th:value="*{banKuaiRate[1].hanYe}"/>
                <input type="hidden" id="zb2_text" th:value="*{banKuaiRate[2].ratio}"/>
                <input type="hidden" id="zb2_code" th:value="*{banKuaiRate[2].hanYe}"/>
                <input type="hidden" id="zb3_text" th:value="*{banKuaiRate[3].ratio}"/>
                <input type="hidden" id="zb3_code" th:value="*{banKuaiRate[3].hanYe}"/>


                <div class="boxall" style="height:230px">
                    <div class="clearfix navboxall" style="height: 100%">
                        <div class="pulll_left num">
                            <div class="numbt">最新数据：<a th:text="*{#numbers.formatDecimal(banKuaiRate[0].ratio*100,0,2)}+'%'"/> </div>
                            <div class="numtxt" th:text="*{banKuaiRate[0].hanYe}"/>
                        </div>
                        <div class="pulll_right zhibiao">
                            <div class="zb1" ><span>第二热度</span>
                                <div id="zb1"></div>
                            </div>
                            <div class="zb2"><span>第三热度</span>
                                <div id="zb2" ></div>
                            </div>
                            <div class="zb3"><span>第四热度</span>
                                <div id="zb3"></div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="boxall" style="height:350px">
                    <div class="alltitle">赚钱效应</div>
                    <div class="navboxall" id="echart4"></div>

                </div>
                <div class="boxall" style="height:340px">
<!--                    <div class="alltitle" th:text="${stockName == '短线收益曲线'? '短线收益曲线':'主力资金累计流入情况（万元）'}"></div>-->
                    <div class="alltitle" th:if="${stockName == '短线收益曲线'}">短线收益曲线：
                        <i style="font-family:arial;color:burlywood;font-size:10px;" >推荐强度：</i>
                        <i style="font-family:arial;color:red;font-size:20px;" th:text="${qinXuZhiShu.zhiShu}+'分'" ></i>
                        <i style="font-family:arial;color:burlywood;font-size:10px;" >&nbsp;&nbsp;今日收益：</i>
                        <i style="font-family:arial;color:red;font-size:20px;" th:text="${rate}+'%'" ></i>
                        <a href="/stock/query?stockName=sz300896" >&nbsp;&nbsp;点击查看[主力资金累计流入情况（万元]</a>
                    </div>
                    <div class="alltitle" th:unless="${stockName == '短线收益曲线'}">主力资金累计流入情况（万元）
                        <a href="/stock/query?stockName=000001" >&nbsp;&nbsp;点击查看[短线收益曲线]</a>
                    </div>
                    <div class="navboxall" id="echart3"></div>
                </div>
            </li>
            <li>
                <div class="boxall" style="height:300px">
                    <div class="alltitle">昨日人气</div>
                    <div class="navboxall">
                        <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <th scope="col">排名</th>
                                <th scope="col">公司</th>
                                <th scope="col">上涨</th>
                                <th scope="col">数量</th>
                                <th scope="col">强度</th>
                            </tr>
                            <tr>
                                <td><span>1</span></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[0].hanYe}"  th:href="@{|*{yesterdayRate[0].url}|}" th:target ="_BLANK"/></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[0].zhang}"/></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[0].companyNum}"/><br></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(yesterdayRate[0].ratio*100,0,2)}+'%'"/><br></td>
                            </tr>
                            <tr>
                                <td><span>2</span></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[1].hanYe}" th:href="@{|*{yesterdayRate[1].url}|}"  th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[1].zhang}"/></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[1].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(yesterdayRate[1].ratio*100,0,2)}+'%'"/></td>
                            </tr>

                            <tr>
                                <td><span>3</span></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[2].hanYe}" th:href="@{|*{yesterdayRate[2].url}|}" th:target ="_BLANK" /><br></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[2].zhang}"/></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[2].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(yesterdayRate[2].ratio*100,0,2)}+'%'"/></td>
                            </tr>
                            <tr>
                                <td><span>4</span></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[3].hanYe}" th:href="@{|*{yesterdayRate[3].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[3].zhang}"/></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[3].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(yesterdayRate[3].ratio*100,0,2)}+'%'"/></td>
                            </tr>
                            <tr>
                                <td><span>5</span></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[4].hanYe}" th:href="@{|*{yesterdayRate[4].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{yesterdayRate[4].zhang}"/></td>
                                <td><a  class="table1" th:text="*{yesterdayRate[4].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(yesterdayRate[4].ratio*100,0,2)}+'%'"/></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>
                </div>

                <div class="boxall" style="height: 300px">
                    <div class="alltitle">前日人气</div>
                    <div class="navboxall">
                        <table class="table1" width="100%" border="0" cellspacing="0" cellpadding="0">
                            <tbody>
                            <tr>
                                <th scope="col">排名</th>
                                <th scope="col">公司</th>
                                <th scope="col">上涨</th>
                                <th scope="col">数量</th>
                                <th scope="col">强度</th>
                            </tr>
                            <tr>
                                <td><span>1</span></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[0].hanYe}" th:href="@{|*{beforeYesterdayRate[0].url}|}" th:target ="_BLANK"/></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[0].zhang}"/></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[0].companyNum}"/><br></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(beforeYesterdayRate[0].ratio*100,0,2)}+'%'"/><br></td>
                            </tr>
                            <tr>
                                <td><span>2</span></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[1].hanYe}" th:href="@{|*{beforeYesterdayRate[1].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[1].zhang}"/></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[1].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(beforeYesterdayRate[1].ratio*100,0,2)}+'%'"/></td>
                            </tr>

                            <tr>
                                <td><span>3</span></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[2].hanYe}" th:href="@{|*{beforeYesterdayRate[2].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[2].zhang}"/></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[2].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(beforeYesterdayRate[2].ratio*100,0,2)}+'%'"/></td>
                            </tr>
                            <tr>
                                <td><span>4</span></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[3].hanYe}" th:href="@{|*{beforeYesterdayRate[3].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[3].zhang}"/></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[3].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(beforeYesterdayRate[3].ratio*100,0,2)}+'%'"/></td>
                            </tr>
                            <tr>
                                <td><span>5</span></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[4].hanYe}" th:href="@{|*{beforeYesterdayRate[4].url}|}" th:target ="_BLANK"/><br></td>
                                <td> <a  class="table1" th:text="*{beforeYesterdayRate[4].zhang}"/></td>
                                <td><a  class="table1" th:text="*{beforeYesterdayRate[4].companyNum}"/></td>
                                <td><a  class="table1" th:text="*{#numbers.formatDecimal(beforeYesterdayRate[4].ratio*100,0,2)}+'%'"/></td>
                            </tr>

                            </tbody>
                        </table>
                    </div>

                </div>

                <div class="boxall" style="height:320px">
                    <div class="alltitle">标题样式11</div>
                    <div class="navboxall" id="echart2"></div>
                </div>


            </li>
        </ul>

    </div>
</div>
</div>

<script>
    $(function () {
        $('.wrap,.adduser').liMarquee({
            direction: 'up',/*身上滚动*/
            runshort: false,/*内容不足时不滚动*/
            scrollamount: 20/*速度*/
        });
    });

</script>


</body>
</html>
